<!doctype html>
<html lang="en">

<head>
  <!-- COMMON TAGS -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Google Code-In with FOSSASIA 2018</title>

  <!-- Search Engines -->
  <meta name="description" content="FOSSASIA develops software and hardware and cooperates with Open Tech projects.">
  <meta name="image" content="https://gci18.fossasia.org/img/fossasia-light.png">
  <meta itemprop="name" content="Google Code-In with FOSSASIA 2018">
  <meta itemprop="description" content="FOSSASIA develops software and hardware and cooperates with Open Tech projects.">
  <meta itemprop="image" content="https://gci18.fossasia.org/img/fossasia-light.png">
  <meta name="keywords" content="collaborative, open source, tech communities, asia, developers, creators, coding, documentation, outreach, design, quality control, exciting, projects, students">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Google Code-In with FOSSASIA 2018">
  <meta name="twitter:description" content="FOSSASIA develops software and hardware and cooperates with Open Tech projects.">
  <meta name="twitter:site" content="@fossasia">
  <meta name="twitter:creator" content="@fossasia">
  <meta name="twitter:image:src" content="https://gci18.fossasia.org/img/fossasia-light.png">
  <meta name="twitter:player" content="https://gci18.fossasia.org/video/fossasia.mp4">

  <!-- Facebook, Pinterest & Google+ -->
  <meta name="og:title" content="Google Code-In with FOSSASIA 2018">
  <meta name="og:description" content="FOSSASIA develops software and hardware and cooperates with Open Tech projects.">
  <meta name="og:image" content="https://gci18.fossasia.org/img/fossasia-light.png">
  <meta name="og:url" content="https://gci18.fossasia.org/">
  <meta name="og:site_name" content="Google Code-In with FOSSASIA 2018">
  <meta name="og:video" content="https://gci18.fossasia.org/video/fossasia.mp4">
  <meta name="og:type" content="website">

  <!-- Apple Touch Icon (at least 200x200px) -->
  <link rel="apple-touch-icon" href="img/fossasia.ico">
  <!-- To run web application in full-screen -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <!-- Status Bar Style (see Supported Meta Tags below for available values) -->
  <!-- Has no effect unless you have the previous meta tag -->
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <!-- Manifest File -->
  <link rel="manifest" href="manifest.json">

  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  <link href="css/ytload.css" rel="stylesheet" type="text/css" />
  <noscript id="deferred-styles">
    <link href="css/fontawesome/css/all.css" rel="stylesheet" type="text/css" media="all">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600" rel="stylesheet" type="text/css">
  </noscript>
  <script>
    var loadDeferredStyles = function() {
      var addStylesNode = document.getElementById("deferred-styles");
      var replacement = document.createElement("div");
      replacement.innerHTML = addStylesNode.textContent;
      document.body.appendChild(replacement)
      addStylesNode.parentElement.removeChild(addStylesNode);
    };
    var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
  </script>
  <link rel="shortcut icon" href="img/fossasia.ico" type="image/x-icon" />
  <link rel="stylesheet" href="css/leaflet.css" />
  <script defer src="js/flexslider.min.js"></script>
  <script defer src="js/lightbox.min.js"></script>
  <script defer src="js/masonry.min.js"></script>
  <script defer src="js/ytplayer.min.js"></script>
  <script defer src="js/countdown.min.js"></script>
  <script defer src="js/parallax.js"></script>
  <script defer src="js/scripts.js"></script>
  <script defer src="js/custom.js"></script>
  <script defer src="js/navigationbar.js"></script>
  <script defer src="js/twitterfetcher.min.js"></script>
  <script defer src="js/spectragram.min.js"></script>
  <script defer src="js/thankyou.js"></script>
  <script defer src="js/backtotop.js"></script>
  <script defer src="js/flickr.js"></script>
  <script defer src="js/image-fadein.js"></script>
  <script defer src="js/leaflet.js"></script>
    <script defer src="js/susi.js"></script>
</head>

<body class="scroll-assist">
  <div class="nav-container">
    <a id="top"></a>
    <nav class="light">
      <div class="nav-bar">
        <div class="module left">
          <a href="https://fossasia.org/">
            <img class="logo logo-light" alt="Foundry" src="img/fossasia-light.jpg" />
            <img class="logo logo-dark" alt="Foundry" src="img/fossasia-dark.jpg" />
          </a>
        </div>
        <div class="module widget-handle mobile-toggle right visible-sm visible-xs">
          <i class="ti-menu"></i>
        </div>
        <div class="module-group right">
          <div class="module left">
            <ul class="menu">
              <li><a href="/">Home</a></li>
              <li><a href="/#welcome">Welcome</a></li>
              <li><a href="/#mentors">Mentors</a></li>
              <li><a href="/#students">Students</a></li>
              <li ><a href="/#contributors">Contributors</a></li>
              <li><a href="students_projects.html" target="_self">Projects</a></li>
              <li><a href="http://gci18.fossasia.org/#connect">Connect</a></li>
              <li><a href="#map">Map</a></li>
              <li class="code-in-nav has-dropdown"><a href="https://codein.withgoogle.com/organizations/fossasia/"
                  target="_blank">GCI</a>
                <ul>
                  <li><a href="https://gci17.fossasia.org" target="_blank" rel="noopener">FOSSASIA GCI 2017</a></li>
                  <li><a href="https://gci16.fossasia.org" target="_blank" rel="noopener">FOSSASIA GCI 2016</a></li>
                  <li><a href="https://gci15.fossasia.org" target="_blank" rel="noopener">FOSSASIA GCI 2015</a></li>
                  <li><a href="https://gci14.fossasia.org" target="_blank" rel="noopener">FOSSASIA GCI 2014</a></li>
                </ul>
              </li>
              <li>
                <a href="https://twitter.com/fossasia" target="_blank" rel="noopener"><i class="fab fa-twitter fa-lg fa-fw"
                    aria-hidden="true"></i></a>
                <a href="https://facebook.com/fossasia" target="_blank" rel="noopener"><i class="fab fa-facebook fa-lg fa-fw"
                    aria-hidden="true"></i></a>
                <a href="https://github.com/fossasia" target="_blank" rel="noopener"><i class="fab fa-github fa-lg fa-fw"
                    aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCQprMsG-raCIMlBudm20iLQ" target="_blank" rel="noopener"><i
                    class="fab fa-youtube fa-lg fa-fw" aria-hidden="true"></i></a>
              </li>
            </ul>
          </div>
        </div>
        <!--end of module group-->
      </div>
    </nav>
  </div>
  <div class="main-container">
